@import '../@theme/styles/themes';

@include nb-install-component() {

  $content-width: nb-theme(content-width);
  $settings-width: nb-theme(settings-col-width);
  $settings-margin: nb-theme(settings-col-margin);
  $layout-bg: nb-theme(layout-bg);
  $color-heading: nb-theme(color-fg-heading-light);

  .menu-sidebar {
    background-color: $layout-bg;

    &.fixed {
      box-shadow: 8px 0 20px 0 rgba(218, 224, 235, 0.6);
    }
  }

  .content-center {
    max-width: $content-width;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
  }

  .contact-us {
    padding: 5rem 1rem;
    h2 {
      color: black;
    }
  }

  .collapse-all {
    position: absolute;
    right: 1px;
    top: 0.75rem;
    font-size: 0.75rem;
    color: $color-heading;
    appearance: none;
    background: none;
    border: none;
  }

  /deep/ nb-layout .main-container {
    padding-top: 3rem;

    .scrollable {
      padding-top: 0;
    }
  }

  /deep/ nb-layout .layout-container {
    max-width: $content-width;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  /deep/ nb-sidebar nb-menu {
    > ul > li {
      margin-bottom: 0.5rem;
      font-weight: bold;
      a:hover {
        font-weight: bold;
      }
      li {
        font-size: 0.875rem;
        font-weight: normal;
      }
    }

    .menu-items .menu-item .menu-item a {
      &:hover, &.active, &:focus {
        text-shadow: 0.5px 0 0 currentColor;
        font-weight: normal;
        outline: none!important;
      }
    }
  }

  /deep/ nb-layout-footer ngd-footer .contact {
    display: none;
  }

  @include media-breakpoint-up(xl) {
    .contact-us {
      padding: 5rem 0;
    }
  }

  @include media-breakpoint-up(macpro) {
    /deep/ nb-layout-footer {
      margin-right: $settings-width + $settings-margin;
    }
  }
}
